<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>最世界</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">

	<link rel="stylesheet" type="text/css" href="css/swiper-3.4.1.min.css">
	<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
	<script type="text/javascript" src="js/swiper-3.4.1.min.js"></script>
	<script type="text/javascript" src="js/baiduTemplate.js"></script>
</head>
<body>
	<!-- 头部 -->
	<header>
		<img src="../img/(1).png" class="logo">
		<!-- 头部左边的 -->
		<ul class="nav_font">
			<li><a>目的地</a></li>
			<li><a>锦囊</a></li>
			<li><a>行程助手</a></li>
			<li>
				<a>社区</a>
				<img src="../img/left.png">
				<div class="showHide">
					<p>
						<img src="../img/luntan.png">
						<span>旅行论坛</span>
						<img src="../img/right1.png">
					</p>
					<p>
						<img src="../img/wenda.png">
						<span>旅行问答</span>
					</p>
					<p>
						<img src="../img/shenghuoshiyanshi.png">
						<span>JNE旅行生活美学</span>
					</p>
				</div>
			</li>
			<li><a>最世界<span>.</span>自由行</a></li>
			<li><a>机票</a></li>
			<li><a>酒店</a></li>
			<li>
				<a>预定</a>
				<img src="../img/left.png">
				<div class="lastLiIcon">
					<p>
						<img src="../img/chengshi.png">
						<span>特价酒店</span>
					</p>
					<p>
						<img src="../img/airbnb.png">
						<span>Airbnb</span>
					</p>
					<p>
						<img src="../img/iconfont-baoxian-2.png">
						<span>保险</span>
					</p>
					<p>
						<img src="../img/huarenlvguan.png">
						<span>华人旅馆</span>
					</p>
					<p>
						<img src="../img/lunchuan.png">
						<span>邮轮</span>
					</p>
					<p>
						<img src="../img/zuche.png">
						<span>租车</span>
					</p>
				</div>
			</li>
		</ul>
		<!-- 头部右边的 -->
		<ul class="nav_icon">
			<li>
				<input type="text"/>
				<img src="../img/zoom.png">
			</li>
			<li>
				<span></span>
			</li>
			<li>
				<label>&#xe6c7;</label>
			</li>
			<li>
				<label>&#xe60a;</label>
			</li>
			<li>
				<label>&#xe619;</label>
			</li>
			<li>注册</li>
			<li>登陆</li>
		</ul>
	</header>
	<!-- 导航 -->
	<nav class="nav-first">
		<div class="nav-first-fir">
			<div><a><img src="../img/logo.png"></a></div>
			<!-- 导航 上面的input-->
			<div class="nav_podition">
				<form>
					<input type="text" placeholder="搜索国家、城市、产品" autocomplete="off" id="textInput" >
					<p></p>
					<input type="submit" value="搜索">
					<span class="spnSearch">&#xe611;</span>
				</form>
				
				<!-- 导航 下面的国家-->
				<ul class="nav_city">
					<li>
						<span>日本</span>
						<label>热门搜索</label>
					</li>
					<li>
						<span>清迈</span>
						<label>热门搜索</label>
					</li>
					<li>
						<span>海岛</span>
						<label>热门搜索</label>
					</li>
					<li>
						<span>法国</span>
						<label>热门搜索</label>
					</li>
					<li>
						<span>台湾</span>
						<label>热门搜索</label>
					</li>
					<li>
						<span>韩国</span>
						<label>热门搜索</label>
					</li>
				</ul>
			</div>
			<div class='myApp'><span class="span">&#xe60d;</span>APP</div>
		</div>
	</nav>
	<!-- 下面的导航条 -->
	<nav class="nav_a_title">
		<a>首页</a>
		<a>机酒自由行</a>
		<a>城市玩乐</a>
		<a>签证</a>
		<a>租车自驾</a>
		<a>邮轮</a>
		<a>海岛游</a>
		<a>限时特卖</a>
		<a>特色路线</a>
		<a href="/cityWalkPage">CityWalk</a>
		<em class="tag"><img src="img/wanletag.gif" width="37" height="12"></em>
	</nav>
	<!-- 主体-->
	<banner class="banner">
		<!-- 轮播-->
		<div class="swiper-container">
	        <div class="swiper-wrapper"></div>
	        <div class="swiper-pagination"></div>
	        <!-- 如果需要导航按钮 -->
		    <div class="swiper-button-prev swiper-button-white"></div>
		    <div class="swiper-button-next swiper-button-white"></div>
	    </div>
	    <!-- 左侧-->
		<ul class="leftAside"></ul>
	</banner>
	<!-- 图片-->
	<div class="image">
		<img src="img/1.png">
		<img src="img/2.png">
		<img src="img/3.png">
		<img src="img/4.png">
	</div>
	<!-- 限时特卖-->
	<div class="timeSale">
		<p class="timeSale_title">
			<b>限时特卖</b>
			<small>每日必看的特价精选</small>
			<text class="change">换一换</text>
		</p>
		<div class="secondKill"></div>
	</div>
	<!-- 机酒自由行-->
	<banner  class="freedom">
		<div class="freedom_title">
			<b>机酒自由行</b>
			<label>精选全球最优质机票、酒店、邮轮等旅游产品</label>
			<ul class="freedom_nav  first"></ul>
			<div class="freedom_body"></div>
		</div>
	</banner>
	<!-- 城市玩乐-->
	<banner  class="freedom cityPlay">
		<div class="freedom_title">
			<b>城市玩乐</b>
			<label>像当地人一样,体验最本土的吃喝玩乐</label>
			<ul class="freedom_nav"></ul>
			<div class="freedom_body"></div>
		</div>
	</banner>
	<!-- 主题推荐-->
	<banner  class="freedom  freedom2">
		<div class="freedom_title">
			<b>主题推荐</b>
			<label>亲子、蜜月、个性玩法...你想要的这里都有</label>
			<ul class="freedom_nav cityWalkList"></ul>
			<div class="freedom_body cityWalkList_icon"></div>
		</div>
	</banner>
	<footer class="topInfo_footer">
		<ul class="topInfo_ui">
			<li>机酒自由行</li>
			<li>|</li>
			<li>城市玩乐</li>
			<li>|</li>
			<li>签证</li>
			<li>|</li>
			<li>租车自驾</li>
			<li>|</li>
			<li>邮轮</li>
			<li>|</li>
			<li>海岛游</li>
			<li>|</li>
			<li>限时特卖</li>
			<li>|</li>
			<li>特色线路</li>
			<li>|</li>
			<li>CityWalk</li>
		</ul>
		<ul class="zw-footer-feature">
			<li>
				<p class="icon zybz"></p>
				<h3 class="title">专业保证</h3>
				<p class="text">我们收集穷游er的真实诉求，也找寻全世界最独特的旅行目的地，让更多的穷游er轻松出行</p>
			</li>
			<li>
				<p class="icon dcsh"></p>
				<h3 class="title">多重审核</h3>
				<p class="text">对旅游产品供应商严格筛选，资质认证层层把关，为穷游er精挑细选最值得信赖的旅行产品</p>
			</li>
			<li>
				<p class="icon axph"></p>
				<h3 class="title">安心陪护</h3>
				<p class="text">对所有穷游er的购买进行跟踪服务以及质量监控，有效投诉先行赔付，出现任何问题负责到底</p>
			</li>
		</ul>
	</footer>
	<!-- 底部 -->
	<footer class="index_footer">
		<div class="index_ft">
			<div class="index_fole">
				<div class="fole_top">
					<img src="img/foot-logo.png">
					<p>最世界*自由行——从——从一张机票、一家酒店的订购,到一次暖心的接机服务、一张轻松融入当地的交通卡,让我们带你探索这个世界</p>
				</div>
				<div class="fole_bo">
					<div class="fole_bot">
						<a>最世界自由行</a>
						<a>服务与隐私</a>
						<a>联系我们</a>
						<a>旅游度假资质</a>
						<a>营业执照</a>
						<a>投诉建议</a>
					</div>
					<p class="fole_num">2004-2017&copy;穷游网 qyer.com All right reserved. Version v5.57 京ICP备12003524号 京公网安备1100502023470 京ICP证140673号</p>
					<div class="fole_friend">
						<span>友情链接:</span>
						<span>美术教育</span>
						<span>美国旅游</span>
						<span>房车租赁</span>
						<span>旅行工具</span>
						<span>美规车网</span>
					</div>
				</div>
			</div>
		</div>
		<div class="index_ri">
			<span>关注我们</span>
			<div class="index_rimg">
				<div>&#xe60d;</div>
				<div>&#xe60a;</div>
				<div>&#xe619;</div>
				<div>&#xe600;</div>
			</div>
		</div>
	</footer>
</body>
<!-- 轮播模板 -->
<script type="text/html" id="templeSwiper">
	<%for(var i=0;i<data.length;i++){%>
   		<div class="swiper-slide"><img src=<%=data[i].imgUrl%> ></div>
    <%}%>
</script>
<!-- 轮播左侧模板 -->
<script type="text/html" id="templeSwiperLeft">
	<%for(var i=0;i<data.length;i++){%>
   		<li>
   			<span class="iconImg">&#xe606;</span>
   			<p class="cityName">
   				<span class="cityNameTile"><%=data[i].title%></span>
   				<%for(var j=0;j<data[i].mainCity.length;j++){%>
   					<span class="undeline"><%=data[i].mainCity[j]%></span>
   				<%}%>
   				<img src="img/right1.png" class="rightFloat">
   			</p>
   			<div class="innerContent">
   			<%for(var k=0;k<data[i].moreCity.length;k++){%>
   					<p class="moreCity_branch">
   						<b><%=data[i].moreCity[k].cityName%></b>
   						<span class="moreCity_litterbranch">
   							<%for(var q=0;q<data[i].moreCity[k].items.length;q++){%>
   								<%if(i==5){%>
   									<img src=<%=data[i].moreCity[k].items[q]%> >
   								<%}%>
   								<%if(i!=5){%>
   									<a><%=data[i].moreCity[k].items[q]%></a>
   								<%}%>	 
   							<%}%>
   						</span>
   					</p>
   			<%}%>
   			<img class="lastIcon" src=<%=data[i].moreCityImg%> >
   			</div>
   		</li>
    <%}%>
</script>
<!-- 限时特卖 -->
<script type="text/html" id="secondKill">
	<%for(var i=0;i<data.length;i++){%>
   		
   			<%if(i<=3&&i!=0){%>
   				<p class="travelInfo">
	   				<img src=<%=data[i].imgUrl%> >
	   				<span>
	   					<%=data[i].time%>
	   					 <%=data[i].title%>
	   				</span>
	   				<label><b><%=data[i].price%></b>元起</label>
	   			</p>
   			<%}%>
   		
    <%}%>
</script>
<!-- 机酒自由行 -->
<script type="text/html" id="freedom_nav">
	<%for(var i=0;i<data.length;i++){%>
   		<li id="nav">
   			<%=data[i].title%>
   		</li>
    <%}%>
</script>
<!-- 机酒自由行 -->
<script type="text/html" id="freedom_icon">
	<%for(var i=0;i<data.length;i++){%>
   		<p class="freedom_icon">
   			<text>机+酒</text>
   			<img src=<%=data[i].imgUrl%> >
   			<span>
   				<%=data[i].time%><br>
   				<%=data[i].title%>
   			</span>
   			<label><b><%=data[i].price%></b>元起</label>
   		</p>
    <%}%>
    <p class="morefreedomicon">
    	<span class="more">查看更多<br>机酒自由行产品</span>
    	<img src="img/right.png">
    	<span class="list"><a>机票</a><a>酒店</a><a>机+酒</a><a>邮轮</a></span>
    </p>
</script>
<!-- 主题推荐 -->
<script type="text/html" id="cityWalkList">
	<%for(var i=0;i<data.length;i++){%>
   		<li>
   			<%=data[i].address%>
   		</li>
    <%}%>
    <li>
		冒险之旅
	</li>
</script>
<!-- 主题推荐 -->
<script type="text/html" id="cityWalkList_icon">
	<%for(var i=0;i<data.length;i++){%>
   		<p class="freedom_icon cityWalkList_label">
   			<img src=<%=data[i].imgurl%> >
   			<span>
   				<%=data[i].title%>
   			</span>
   			<label><b><%=data[i].newPrice%></b>元起</label>
   		</p>
    <%}%>
    <p class="morefreedomicon cityWalkListmore">
    	<span class="more">查看更多<br>机酒自由行产品</span>
    	<img src="img/right.png">
    	<span class="list"><a>亲子</a><a>情侣</a><a>海岛游</a><a>购物</a></span>
    </p>
</script>
<script type="text/javascript" src="js/index.js"></script>
</html>

